import { FC } from "react"
import { keyframes, styled } from "styled-components"

import { GlobalLogo } from "@/components/common/globalSider/components/globalLogo"

const opcityAni = keyframes`
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
`
export const OpacityDiv = styled.div`
	animation: ${opcityAni} 3s;
`

const Home: FC = () => {
	return (
		<OpacityDiv style={{ width: "100%", height: "90%", display: "flex", alignItems: "center" }}>
			<GlobalLogo isHomePage={true} $showtitle={true} $showlogo={true} />
		</OpacityDiv>
	)
}

export default Home
